const getServerSideProps = async (context) => {
  const res = await fetch('http://localhost:3000/api' + context.resolvedUrl);
  const data = await res.json();

  return { props: { data } };
}

const Main = ({ data }) => {
  return (
    <div>
      <h1>Items:</h1>
      <ul>
        {data.map((item) => (
          <li>{item}</li>
        ))}
      </ul>
    </div>
  )
}

export { getServerSideProps };
export default Main;